body{ font-size: 62.5%;}
nav.shop { background: url("../img/myself.png") no-repeat; background-size: cover;}
nav.shop ul{ padding-top: 2rem; color: #FFF; font-size: 1.1rem;}
nav.shop ul li { padding-bottom: 1rem; text-align: center;}
nav.shop ul li img{ width: 23%; border-radius: 1rem;}
article.shop_info div{display: flex;border-bottom: 1px solid #e7e7e7;}
article.shop_info div ul { flex-direction: column; width: 22%; text-align: center; padding: 1rem 3%;border-right: 1px solid #e7e7e7; font-size: 1rem;}
article.shop_info div ul li:last-child{ margin-top: 0.8rem;}
article.shop_info div ul:last-child{ border-right: none;}
article.shop_info div ul li img { width: 55%;}
.num > span { position: relative;}
.num > span sup{ position: absolute; top: -1.8rem;left: 75%; color: #f26019; border: 1px solid #f26019; border-radius: 50%; width: 1.4rem; height: 1.4rem; text-align: center; line-height: 1.4rem;z-index: 3; background: #FFF;}
article.shop_info > ul{ display: flex; flex-direction: row;padding: 0.9rem 3%; border-bottom: 1px solid #e7e7e7; align-items: center; font-size: 1rem;}
article.shop_info > ul a{ display: block; width: 100%;}
article.shop_info > ul a li{ display: inline-block; vertical-align: middle;}
article.shop_info > ul a li:first-child{ width: 10%;}
article.shop_info > ul a li:first-child img{ width: 80%;}
article.shop_info > ul a li:nth-child(2){ width: 74%;margin-left: 2%;}
article.shop_info > ul a li:last-child{ width: 10%; text-align: right;}
article.shop_info > ul a li:last-child img{ width: 30%;}
/*底部*/
footer.goods { display: -webkit-flex; display: flex; flex-direction: row; justify-content: center;position: absolute; width: 100%; bottom: 0; background: #fafafa; font-size: 1.1rem; color: #343434;border-top: 1px solid #c8c8c8;}
footer.goods p { width: 33%; text-align: center; border-right: 1px solid #c8c8c8; padding: 1rem 0;}
footer.goods p:last-child { border-right: none;}
p.category { position: relative;}
p.category span { background: #cdcdcd; color: #FFF; padding: 0.1rem 0.3rem; border-radius: 50%; margin-right: 5%;}
ul.classes { position: absolute; left: 33%; padding: 0.5rem 0.8rem 1rem 0.8rem; border: 1px solid #c9c9c9; border-radius: 0.6rem; width: 26%; font-size: 1rem;background: #fafafa; z-index: 40; display: none;}
ul.classes li { padding: 0.5rem 0; width: 100%; text-align: center; border-bottom: 1px solid #c9c9c9;}
ul.classes li a { padding: 0.4rem 0;}
ul.classes li a.active { background: #dcdcdc; border-radius: 0.5rem; display: inline-block; width: 100%;}
ul.classes li:last-child { padding-bottom: 0; border-bottom: none;}
.shop_info ul a { color: #373737;}
